<template>
    <el-form ref="form" :model="form" label-width="120px">
        <div class="form-section">
            <el-alert title="企业信息" type="success"></el-alert>
            <div class="form-wrap">
                <el-row :gutter="20">
                    <el-col :span="8">
                        <el-form-item label="公司中文名称" label-width="120px">
                            <div class="form-row-flex">
                                <el-input v-model="form.name" placeholder="请填写公司中文名称"></el-input>
                            </div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="公司英文名称" label-width="120px">
                            <el-input v-model="form.name" placeholder="请填写公司英文名称"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="公司地址" label-width="120px">
                            <el-input v-model="form.name" placeholder="英语填写，与店铺后台一致">
                                <template #suffix>
                                    <el-tooltip class="item" effect="dark" content="英语填写，与店铺后台一致" placement="top-end">
                                        <i class="el-icon-warning icon"></i>
                                    </el-tooltip>
                                </template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="公司所在地邮编" label-width="120px">
                            <el-input v-model="form.name" placeholder="请填写公司所在地邮编"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="法人代表名字" label-width="120px">
                            <el-input v-model="form.name" placeholder="名+姓，拼音填写，后续签字同样形式">
                                <template #suffix>
                                    <el-tooltip class="item" effect="dark" content="名+姓，拼音填写，后续签字同样形式" placement="top-end">
                                        <i class="el-icon-warning icon"></i>
                                    </el-tooltip>
                                </template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="法人性别" label-width="120px">
                            <el-radio v-model="form.sex" label="1">男</el-radio>
                            <el-radio v-model="form.sex" label="2">女</el-radio>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="联系人电话" label-width="120px">
                            <el-input v-model="form.name" placeholder="不能与已经注册过Weee的联系电话一致，可能接收当局联系（可多填，用英文逗号分开）">
                                <template #suffix>
                                    <el-tooltip class="item" effect="dark" content="不能与已经注册过Weee的联系电话一致，可能接收当局联系（可多填，用英文逗号分开）" placement="top-end">
                                        <i class="el-icon-warning icon"></i>
                                    </el-tooltip>
                                </template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="联系人邮箱" label-width="120px">
                            <el-input v-model="form.name" placeholder="不能与已经注册过Weee的联系邮箱一致，可能接收当局联系（可多填，用英文逗号分开）">
                                <template #suffix>
                                    <el-tooltip class="item" effect="dark" content="不能与已经注册过Weee的联系邮箱一致，可能接收当局联系（可多填，用英文逗号分开）" placement="top-end">
                                        <i class="el-icon-warning icon"></i>
                                    </el-tooltip>
                                </template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="统一信用代码" label-width="120px">
                            <el-input v-model="form.name" placeholder="请填写统一信用代码">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="16">
                        <el-form-item label="亚马逊店铺后台公司信息网页链接" label-width="240px">
                            <el-input v-model="form.name" placeholder="请填写亚马逊店铺后台公司信息网页链接">
                                <template #suffix>
                                    <el-tooltip class="item" effect="dark" content="亚马逊店铺后台公司信息网页链接，或者提供卖家记号" placement="top-end">
                                        <i class="el-icon-warning icon"></i>
                                    </el-tooltip>
                                </template>
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
            </div>
        </div>
    </el-form>
</template>

<script>
export default {
    data() {
        return {
            form: {},
        };
    },
};
</script>

<style lang="scss" scoped>
.form-section {
    .form-wrap {
        margin-top: 20px;
        .form-row-flex {
            display: flex;
            align-items: center;
        }
        .icon {
            margin-left: 10px;
            color: #e6a23c;
        }
    }
}
</style>
